.flowModule {
  height: 176px;
  @apply bg-[#F1F5F9] rounded-[16px] box-border flex flex-col justify-center px-[24px];
  .flowModuleRemark {
    @apply text-[#999999] text-[24px];
  }
  .flowModuleContent {
    @apply flex flex-row box-border items-center mt-[24px];
    .flowModuleImage {
      width: 80px;
      height: 80px;
      @apply box-border flex-none block object-cover mr-[16px];
    }
    .flowModuleInfo {
      @apply flex-1 w-0 flex flex-col justify-center gap-[16px];
      .flowModuleTitle {
        @apply text-[#333333] text-[28px] font-500;
      }
      .flowModuleDesc {
        @apply text-[#999999] text-[24px] truncate w-full;
      }
    }
    .flowModuleDisplayName {
      height: 56px;
      line-height: 56px !important;
      @apply text-[#FFFFFF] ml-[52px] flex-none bg-[#5278FD] rounded-[30px] text-center text-[28px] px-[36px];
    }
  }
}
